/* 搜索页面样式 */
/* 搜索页标题部分样式 */
#titleBar {
    height: 62px;
    background: white;
    margin-top: 20px;
    margin-bottom: 10px;
    display: flex;
}

#titleBar>h2 {
    font-size: 14px;
    line-height: 62px;
    padding-left: 40px;
}

#titleBar>.titleBarPrice {
    width: 270px;
    height: 20px;
    display: flex;
    justify-content: space-between;
    padding-top: 21px;
    padding-left: 10px;
}

#titleBar>.titleBarPrice li {
    font-size: 13px;
    border: 1px solid #111;
    border-radius: 5px;
    padding: 0 5px;
}

#titleBar>.priceInput {
    width: 145px;
    height: 25px;
    display: flex;
    justify-content: space-between;
    padding-top: 15px;
    padding-left: 50px;
}

#titleBar>.priceInput .low {
    width: 66px;
    height: 25px;
    border: 1px solid #B1A9A5;
    border-radius: 5px;
    text-align: center;
    color: #B1A9A5;
}

#titleBar>.priceInput>span {
    width: 15px;
    height: 20px;
    padding: 6px 8px 0 8px;
    font-weight: bold;
}

#titleBar>.priceInput .high {
    width: 66px;
    height: 25px;
    border: 1px solid #B1A9A5;
    border-radius: 5px;
    text-align: center;
    color: #B1A9A5;
}

#titleBar .priceQuan {
    width: 72px;
    height: 16px;
    padding: 20px 0 0 40px;
}

#titleBar .priceQuan>input {
    width: 6px;
    height: 6px;
}

#titleBar .priceQuan>span {
    font-size: 13px;
}

#titleBar .determine {
    width: 37px;
    height: 22px;
    background: #FF5656;
    outline: none;
    border: none;
    color: white;
    font-size: 12px;
    margin: 19px;
}

#titleBar .empty {
    width: 39px;
    height: 22px;
    background: white;
    outline: none;
    border: 1px solid #B1A9A5;
    color: #B1A9A5;
    font-size: 12px;
    margin: 19px;
}

/* 搜索页综合等文字样式 */
#comprehensive {
    height: 50px;
    background: white;
    margin-bottom: 20px;
}

#comprehensive>ul {
    display: flex;
}

#comprehensive>ul>li {
    width: 100px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 18px;
    margin-right: 20px;
}

#comprehensive>ul>li:hover {
    cursor: pointer;
    color: #ff5556;
    border-bottom: 3px solid #ff5556;
}

#comprehensive>ul .active {
    color: #ff5556;
    border-bottom: 3px solid #ff5556;
}

/* 商品列表样式 */
#goodsList {
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

#goodsList .goods {
    width: 276px;
    height: 389px;
    background: white;
    margin-bottom: 30px;
}

#goodsList .goods:hover {
    box-shadow: 5px 5px 5px #cacaca;
}

#goodsList .goods>img {
    width: 276px;
    height: 276px;
}

#goodsList .goods>h2 {
    font-size: 14px;
    color: #877A73;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 10px 0 15px;
}

#goodsList .goods .packageMail {
    width: 240px;
    height: 20px;
    margin: 0 auto;
}

#goodsList .goods .packageMail .tianmao {
    display: inline-block;
    width: 40px;
    height: 20px;
    background: #df2b2f;
    color: white;
    line-height: 20px;
    text-align: center;
    font-size: 14px;
    border-radius: 3px;
}

#goodsList .goods .packageMail .baoyou {
    font-size: 12px;
    color: #877a73;
    line-height: 20px;
}

#goodsList .goods .goodsPrices {
    width: 240px;
    height: 20px;
    margin: 15px auto 0;
}

#goodsList .goods .goodsPrices>.price {
    color: #fa585a;
    font-size: 16px;
}

#goodsList .goods .goodsPrices>.price>span {
    font-size: 28px;
}

#goodsList .goods .goodsPrices>.person {
    color: #877a73;
    font-size: 12px;
}

#goodsList .goods .goodsPrices>.juan {
    color: #fa585a;
    font-size: 12px;
}